<!-- 发布产品 -->
<section class="bidding">
  <!-- 面包屑 -->
  <div class="bidding-bread">
    <el-breadcrumb separator="/">
      <el-breadcrumb-item :to="{ path: '/' }">
        <span class="bidding-bread-first">
          首页
        </span>
      </el-breadcrumb-item>
      <el-breadcrumb-item>
        <span class="bidding-bread-info">完善企业信息</span>
      </el-breadcrumb-item>
    </el-breadcrumb>
  </div>
  <div class="bidding-content">
    <!-- 基本信息 -->

    <div class="bidding-title">
      基本信息
    </div>
    <el-form :model="model">
      <!-- 产品名称 -->
      <div class="bidding-form">
        <el-form-item>
          <template slot-scope="scope">
            <div class="label">
              <span class="form-red">*</span>
              <span>产品名称</span>
            </div>
            <el-input class="bidding-pname  bidding_input" v-model="biddingpname" @blur="changeName(1)" placeholder="建议在标题中包含产品名称和产品属性的关键词,以获得跟多关注机会">
            </el-input>
            <p v-show="pnameShow" class="form-red pname">{{Pname}}</p>
          </template>
        </el-form-item>
        <!-- 产品分类 规格牌号 -->
        <el-form-item>
          <div class="content">
            <div class="content-left">
              <div class="label">
                <span class="form-red">*</span>
                <span>产品分类</span>
              </div>
              <el-select v-model="modeltype" class="product-car bidding_input" placeholder="选择分类" @change="selectName">
                <el-option v-for="(item,index) in options" :key="index" :label="item.Pname" :value="item.Pname">
                </el-option>
              </el-select>
            </div>
            <div class="content-right">
              <div class="label">
                <span class="form-red">*</span>
                <span>规格</span>
                <span>/</span>
                <span>牌号</span>
              </div>
              <el-input class="bidding-num bidding_input" @blur="changeName(2)" v-model="biddingGrade" placeholder="">
              </el-input>
              <p v-show="gradeShow" class="form-red">{{wranGrade}}</p>

              <!-- dsadsadasdas -->
            </div>
          </div>
        </el-form-item>
        <el-form-item>
          <div class="content">
            <div class="content-left">
              <div class="label">
                <span class="form-red">*</span>
                <span>库别</span>
              </div>
              <el-select v-model="modelArea" class="product-car bidding_input" placeholder="选择发货地" @change="selectChange">
                <el-option v-for="(item,index) in options" :key="index" :label="item.area" :value="item.area">
                </el-option>
              </el-select>
            </div>
            <div class="content-right">
              <div class="label">
                <span class="form-red">*</span>
                <span>库存数量</span>
              </div>
              <el-input class="bidding-num bidding_input" v-model="modelNum" @blur="changeName(3)" placeholder="">
              </el-input>
              <p v-show="numShow" class="form-red">{{wranNum}}</p>

            </div>
          </div>
        </el-form-item>
        <el-form-item>
          <div class="content">
            <div class="content-left">
              <div class="label">
                <span class="form-red">*</span>
                <span>基本单位</span>
              </div>
              <el-select v-model="modelUnit" class="product-car bidding_input" @change="selectChange" placeholder="选择分类">
                <el-option v-for="(item,index) in options" :key="index" :label="item.unit" :value="item.unit">
                </el-option>
              </el-select>
            </div>
            <div class="content-right">
              <div class="label">
                <span class="form-red">*</span>
                <span>销售单价</span>
              </div>
              <el-input class="bidding-num bidding-num1 bidding_input" v-model="modelPrice" @blur="changeName(4)" placeholder="">
              </el-input>
              <span class="money">元</span>
              <p v-show="priceShow" class="form-red">{{warnPrice}}</p>
            </div>
          </div>
        </el-form-item>

        <el-form-item>
          <div class="content">
            <div class="content-left">
              <div class="label">
                <span class="form-red">*</span>
                <span>材料组成</span>
              </div>
              <el-input class="bidding-num bidding-left-num bidding_input" placeholder="">
              </el-input>
            </div>
          </div>
        </el-form-item>
        <el-form-item>
          <template slot-scope="scope">
            <div class="label">
              <span class="form-red">*</span>
              <span>应用领域</span>
            </div>
            <el-input class="bidding-pname bidding_input" placeholder=""> </el-input>
          </template>
        </el-form-item>


      </div>
      <!-- 产品名称结束 -->
      <div class="height45 border-bottom">

      </div>
      <!-- 产品属性 nature -->
      <div class="bidding-title bidding-nature">
        产品属性
      </div>
      <div class="bidding-form">
        <el-form-item>
          <div class="content">
            <div class="content-left">
              <div class="label">
                <span class="form-red">*</span>
                <span>用途级别</span>
              </div>
              <el-select v-model="modelUse" class="product-car bidding_input" placeholder="选择用途">
                <el-option v-for="(item,index) in Pattr" :key="index" :label="item.use" :value="item.use">
                </el-option>
              </el-select>
            </div>
            <div class="content-right">
              <div class="label">
                <span class="form-red">*</span>
                <span>加工级别</span>
              </div>
              <el-select v-model="modelprocessing" class="product-car bidding_input" placeholder="选择加工级别">
                <el-option v-for="(item,index) in Pattr" :key="index" :label="item.processing" :value="item.processing">
                </el-option>
              </el-select>
            </div>
          </div>
        </el-form-item>
        <el-form-item class="padding130">
          <template slot-scope="scope">
            <div class="bidding-nature-label">
              <span class="form-red">*</span>
              <span class="bidding-nature-text">特性级别</span>
            </div>
            <el-checkbox v-for="(item,index) in Pattr" :key="index">{{item.special}}</el-checkbox>
            <!-- <el-checkbox label="玻纤增强"></el-checkbox>
            <el-checkbox label="高刚性"></el-checkbox>
            <el-checkbox label="透明"></el-checkbox>
            <el-checkbox label="耐候"></el-checkbox>
            <el-checkbox label="高光泽"></el-checkbox>
            <el-checkbox label="低VOC"></el-checkbox>
            <el-checkbox label="耐热"></el-checkbox>
            <el-checkbox  label="高流动"></el-checkbox> -->
          </template>
        </el-form-item>
        <el-form-item>
          <template slot-scope="scope">
            <div class="bidding-nature-label">
              <span class="form-red">*</span>
              <span class="bidding-nature-text">认证体系</span>
            </div>
            <el-checkbox label="REACH 38项检测" v-for="(item,index) in Pattr.slice(0,4)" :key="index">{{item.system}}</el-checkbox>
            <!-- <el-checkbox label="ROSH 6项检测"></el-checkbox>
            <el-checkbox label="FDA食品级检测"></el-checkbox>
            <el-checkbox label="ISO9001"></el-checkbox> -->

          </template>
        </el-form-item>
      </div>
      <div class="height22 border-bottom">

      </div>
      <!-- 产品属性结束 -->
      <!-- 产品详情 -->
      <div class="bidding-title bidding-nature">
        产品详情
      </div>
      <div class="bidding-form">
        <div class=" product-updated">上传照片</div>
        <el-form-item>
          <div class="product-details clearfix">
            <!-- <label for="上传照片"></label> -->
            <div class="product-flex">
              <el-upload class="upload-demo" drag action="#" multiple>
                  <i class="el-icon-plus avatar-uploader-icon"></i>
              </el-upload>
            </div>
            <div class="product-flex">
                <el-upload class="upload-demo" drag action="#" multiple>
                    <i class="el-icon-plus avatar-uploader-icon"></i>
                </el-upload>
            </div>
            <div class="product-flex">
                <el-upload class="upload-demo" drag action="#" multiple>
                    <i class="el-icon-plus avatar-uploader-icon"></i>
                </el-upload>
            </div>
            <div class="product-flex">
                <el-upload class="upload-demo" drag action="#" multiple>
                    <i class="el-icon-plus avatar-uploader-icon"></i>
                </el-upload>
            </div>
            <div class="product-flex">
                <el-upload class="upload-demo" drag action="#" multiple>
                    <i class="el-icon-plus avatar-uploader-icon"></i>
                </el-upload>
            </div>
          </div>
        </el-form-item>
        <!-- 图文详情 -->
        <div class=" product-pho">
          <span class="form-red">*</span>
          <span>图文详情</span>
        </div>
        <el-input class=" pho-textarea" :autosize="{minRows:5,maxRows:7}" type="textarea" placeholder=""></el-input>

        <!-- 产品详情结束 -->

        <!-- 保存按钮 -->
        <div class="product-sub bidding-form">
          <!-- <el-button type="primary">保存并增加</el-button> -->
          <el-button type="light" @click="keep">保存</el-button>
          <el-button type="light">取消</el-button>
        </div>
      </div>

    </el-form>
  </div>
</section>